<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:p="http://primefaces.org/ui">	
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Editar Carro</title>
</h:head>
<h:body>
<h1>Editar:</h1>
<h:form id="formListadoProductosCarro">
	<p:dataTable id="listadoProductos" var="listado" value="#{comprasMB.obtenerCarro()}" rows="5"
				paginator="true"
	            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
				  
				  <p:column headerText="Producto" style="width:16px;text-align:center">
						        <h:outputText value="#{listado.nombre}" />
				  </p:column>
				  
				  <p:column headerText="Precio" style="width:16px;text-align:center">
						        <h:outputText value="#{listado.precio}" />
				  </p:column>
				  
				  <p:column headerText="Cantidad" style="width:16px;text-align:center">
						 <h:panelGrid columns="2" >
						        <h:outputText value="#{comprasMB.determinarCantidadProductos(listado)}" />
						        <h:panelGrid columns="1" >
							        <p:commandLink value="Agregar" 
							       				  update=":formListadoProductosCarro:listadoProductos" 
							       				  actionListener="#{comprasMB.agregarProducto(listado)}"/>
			       				    <p:commandLink value="Quitar" 
			       				   				  update=":formListadoProductosCarro:listadoProductos" 
			       				  				  actionListener="#{comprasMB.quitarProducto(listado)}"/>
			       				 </h:panelGrid>
	       				 </h:panelGrid>
				  </p:column>
				  
				  <p:column headerText="Total" style="width:16px;text-align:center">
						        <h:outputText value="#{comprasMB.determinarTotalProducto(listado)}" />
				  </p:column>
			
				  <p:column headerText="" style="width:16px;text-align:center">
						       <p:commandLink value="Eliminar" 
						       				  update=":formListadoProductosCarro:listadoProductos" 
						       				  actionListener="#{comprasMB.eliminarProducto(listado)}"/>
				  </p:column>
				  
				  <f:facet name="footer">
       					 <h:outputText value="#{comprasMB.determinarTotalCarro()}" />
   				 </f:facet>
	
	</p:dataTable>	
	<h:panelGrid columns="2" cellpadding="10">
		<p:commandButton value="Volver" id="botonVolverIndex" action="#{comprasMB.index}"/>						
		<p:commandButton value="Comprar" id="botonComprar" 	action="#{comprasMB.comprarCarro}"/> 
	</h:panelGrid>
	
	<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
</h:form>
</h:body>
</html>